@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?tomleg');
    src:  url('../fonts/icomoon.eot?tomleg#iefix') format('embedded-opentype'),
      url('../fonts/icomoon.ttf?tomleg') format('truetype'),
      url('../fonts/icomoon.woff?tomleg') format('woff'),
      url('../fonts/icomoon.svg?tomleg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    /* speak: none; */
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-cheveron-down:before {
    content: "\e91e";
  }
  .icon-cheveron-left:before {
    content: "\e91f";
  }
  .icon-cheveron-right:before {
    content: "\e920";
  }
  .icon-cheveron-up:before {
    content: "\e921";
  }
  .icon-location1:before {
    content: "\e922";
  }
  .icon-location-current:before {
    content: "\e923";
  }
  .icon-mic:before {
    content: "\e924";
  }
  .icon-angellist:before {
    content: "\e900";
  }
  .icon-apache:before {
    content: "\e901";
    color: #d22128;
  }
  .icon-bower:before {
    content: "\e90a";
    color: #ef5734;
  }
  .icon-circleci:before {
    content: "\e90b";
  }
  .icon-civicrm:before {
    content: "\e90c";
    color: #81c459;
  }
  .icon-co-op:before {
    content: "\e902";
    color: #00b1e7;
  }
  .icon-codacy:before {
    content: "\e903";
  }
  .icon-codeigniter:before {
    content: "\e904";
    color: #ee4623;
  }
  .icon-codepen:before {
    content: "\e905";
  }
  .icon-dell:before {
    content: "\e906";
    color: #007db8;
  }
  .icon-discourse:before {
    content: "\e907";
  }
  .icon-discover:before {
    content: "\e908";
    color: #ff6000;
  }
  .icon-baidu:before {
    content: "\e910";
    color: #2319dc;
  }
  .icon-bitdefender:before {
    content: "\e911";
    color: #ed1c24;
  }
  .icon-bitly:before {
    content: "\e912";
    color: #ee6123;
  }
  .icon-campaignmonitor:before {
    content: "\e913";
    color: #509cf6;
  }
  .icon-cashapp:before {
    content: "\e914";
    color: #00c244;
  }
  .icon-castorama:before {
    content: "\e915";
    color: #0078d7;
  }
  .icon-castro:before {
    content: "\e916";
    color: #00b265;
  }
  .icon-cevo:before {
    content: "\e917";
    color: #1eabe2;
  }
  .icon-chase:before {
    content: "\e918";
    color: #117aca;
  }
  .icon-circle:before {
    content: "\e919";
    color: #8669ae;
  }
  .icon-circleci1:before {
    content: "\e90d";
  }
  .icon-co-op1:before {
    content: "\e90f";
    color: #00b1e7;
  }
  .icon-codacy1:before {
    content: "\e90e";
  }
  .icon-codecademy:before {
    content: "\e91a";
    color: #1f4056;
  }
  .icon-codeclimate:before {
    content: "\e91c";
  }
  .icon-codecov:before {
    content: "\e91d";
    color: #f01f7a;
  }
  .icon-home2:before {
    content: "\e909";
  }
  .icon-connection:before {
    content: "\e91b";
  }
  .icon-phone:before {
    content: "\e942";
  }
  .icon-phone-hang-up:before {
    content: "\e943";
  }
  .icon-location:before {
    content: "\e947";
  }
  .icon-location2:before {
    content: "\e948";
  }
  .icon-search:before {
    content: "\e986";
  }
  .icon-volume-increase:before {
    content: "\ea2b";
  }
  .icon-volume-decrease:before {
    content: "\ea2c";
  }
  .icon-arrow-up2:before {
    content: "\ea3a";
  }
  .icon-arrow-right2:before {
    content: "\ea3c";
  }
  .icon-arrow-down2:before {
    content: "\ea3e";
  }
  .icon-arrow-left2:before {
    content: "\ea40";
  }
  .icon-mic1:before {
    content: "\e925";
  }
  .icon-books:before {
    content: "\e926";
  }
  .icon-cart:before {
    content: "\e93a";
  }
  .icon-mobile:before {
    content: "\e958";
  }
  .icon-mobile2:before {
    content: "\e959";
  }
  .icon-menu:before {
    content: "\e9bd";
  }
  .icon-loop2:before {
    content: "\ea2e";
  }
  .icon-circle-up:before {
    content: "\ea41";
  }
  .icon-circle-right:before {
    content: "\ea42";
  }
  .icon-circle-down:before {
    content: "\ea43";
  }
  .icon-circle-left:before {
    content: "\ea44";
  }
  /* 快提导航栏 */
.w{
    width: 1200px;
    margin: 0px auto;
}
.shortcut{
    height: 31px;
    line-height: 31px;
    background-color: #f1f1f1;
}
/* .shortcut-left{
    width: 250px;
    height: 31px;
    background-color: antiquewhite;
} */
/* .shortcut-right{
    width: 676px;
    height: 31px;
    background-color: aquamarine;
} */
 .red{
    color: #c81623;
}
.shortcut-right li{
    float: left;
    padding-right: 12px;
    
}
/* 头部模块 */
.header{
    padding-top: 25px;
    /* background-color: rgb(226, 226, 226); */
    height: 105px;

}
.header .logo{
    height: 62px;
    width: 180px; 
    /* background-color: aquamarine; */
    margin-right: 164px;
}
.logo h1 a{
    display: block;
    /* color: transparent 文字不用给用户看到 */
    color: transparent;
    height: 62px;
    width: 180px; 
    background: url(../images/logo.png) no-repeat;

}
   /* 2.2 搜索 */
.header .search{
    height: 66px;
    width: 538px; 
    /* background-color: bisque; */
}
.search-body{
    float: left;
    width: 538px;
    height: 36px;
    
}
.search-input{
    float: left;
    width: 454px;
    height: 36px;
    background-color: #fff;
    font-size: 16px;
    text-indent: 1em;
    border: 2px solid #b1191a;
}
.search-button{
    float: left;
    width: 84px;
    height: 36px;
    font-size: 16px;
    color: #fff;
    border: 2px solid #b1191a;
    background-color: #b1191a;
}
.search-footer ul li{
    display: inline-block;
    line-height: 36px;
    padding:0px 12px;
}
/* 2.3 购物车 */


.shopcar{
    text-align: center;
    margin-right: 62px;
    height: 36px;
    line-height: 36px;
    width: 140px; 
    background-color: #f7f7f7;
    border: 1px solid #dfdfdf;
    position: relative;
}

.shopcar .icon-cart{
    color: #b1191a;
    margin-right: 5px;
}
.shopcar-number{
    position: absolute;
    width: 16px;
    line-height: 16px;
    background-color: #e60012;
    border-radius: 8px 8px 8px 0px;
    right: 20px;
    top: -6px;  
}

/* 3.0 导航栏 */
.nav{
    height: 47px;
    line-height: 47px;
    font-size: 16px;
    border-bottom: 2px solid #b1191a;
}
.nav-left{
  position: relative;
    float: left;
    width: 209px;
    height: 47px;
    color: #fff; 
    background-color: #b1191a;
}
.nav-left h3{
  text-align: center;
  font-weight: 400;
}
.nav-left .list{
  position: absolute;
  background-color: #b1191a;
  width: 209px;
  height: 466px;
}
.nav-left .list li{
  line-height: 29px;
  border: 1px solid #b1191a;
}
.nav-left .list li a{
  display: block;
  color: #fff;
  font-size: 12px;
  padding-left: 10px;
}
.nav-left .list li a:hover{
  color:#b1191a;
  background-color: #fff;
}
.nav-left .list li span{
  float: right;
  padding-right: 10px;
  padding-top: 10px;
}



.nav-body ul li{
    float: left;
}
.nav-body ul li a{
    display: block;
    padding: 0px 24px;
}
.nav-body ul li .nav-body-left{
    padding-left:40px;
}
.nav-body ul li .funny{
    font-size: 12px;
}

 /* 4.0 页面底部 -公共的  */
 .footer{
     height: 417px;
     background-color: #f5f5f5;
 }
 .footer-head{
     height: 100px;
     border-bottom: 1px solid rgb(206, 206, 207);
 }
 .footer-head ul li{
     float: left;
     width: 20%;
     margin-top: 8px;
     padding: 20px;
     /* background-color: skyblue; */
 }
 .footer-head ul li div{
     float: left;
     width: 55px;
     height: 53px;
     margin-right: 6px;
     background-image: url(../images/icons.png);
 }
 
 .footer-head ul li h4{
     margin-top: 6px;
     font-weight: bold;
     color: #000;
     margin-bottom: 3px;
 }
 .footer-head ul li p{
     font-size: 12px;
 }
 /* 图片 */
 .footer-head ul li .icon1{
    background-position: -249px 0px;
}
.footer-head ul li .icon2{ 
    background-position: -255px -53px;
}
.footer-head ul li .icon3{
    background-position: -255px -104px;
}
.footer-head ul li .icon4{
    background-position: -257px -156px;
}
.footer-head ul li .icon5{
    background-position: -258px -209px;
}

/* footer-body */
.footer-body{
    height: 170px;
    border-bottom: 1px solid rgb(206, 206, 207);
}
.footer-body dl{
    margin-left: 15px;
    float: left;
    width: 15%;
}
.footer-body dl dt{
   margin-top: 10px;
   margin-bottom: 8px;
}
.footer-body dl dt a{
    font-size: 16px;
    color: #111;
}
.img-dd{
  position: relative;
}
.footer-body .xiao{
  position: absolute;
  top:35px;
  left: 35px;
  width: 20px;
  height: 20px;
}


/* footer-bottom */
.footer-bottom{  
    /* width: 990px; */
    margin: 10px 60px;
    
}
.footer-bottom ul li{
    float: left;
    padding-right: 13px;
}
.footer-bottom p{
  /* margin: 0px auto; */
  margin-top: 10px;
    margin-left: 80px;
    
}
.footer-bottom span{
    margin-left: 300px;
}


